<%-- 
    Author : Jakub Senko
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        
        <h1>Hello World!</h1>
        <h3>This is frontend!</h3>
        <c:if test="${loginFail}">
            Invalid username or password.
        </c:if>
        <form action="<%=application.getContextPath()%>/" method="post">
            <fieldset>
                <input type="hidden" name="action" value="login">
                <label for="userName">Username</label>
                <input id="userName" name="userName" type="text"><br>
                <label for="password">Password</label>
                <input id="password" name="password" type="password"><br>
                <button type="submit">Login</button>
            </fieldset>
        </form>
    </body>
</html>
--%>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>EIS</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="PB138 Project">
    <meta name="author" content="EIS Team">

    <link href="<%=application.getContextPath()%>/public/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
  </head>

  <body>

<%@include file="../toolbar.jsp" %>

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit" style="text-align:center;">
        <h1>Expo Information System</h1>
        <br>
        <h2>Your virtual gallery guide</h2>
      </div>
        <c:if test="${loginFail}">
            Invalid username or password.
        </c:if>
      <div class="row" style="text-align:center;">
        <form action="<%=application.getContextPath()%>/" method="post">
          <fieldset style="text-align:center;">
              
              <input type="hidden" name="action" value="login">
                <div class="control-group">
                  <label for="username" class="control-label">Username</label>
                  <div class="controls">
                  <input class="span3" id="username" name="userName" type="text"/>
                  </div>
                </div>
                
                <div class="control-group">
                  <label for="password" class="control-label">Password</label>
                  <div class="controls">
                  <input  class="span3" id="password" name="password" type="password">
                  </div>
                </div>

                <div class="form-actions">
                  <button type="submit" class="btn btn-primary">Login</button>
                </div>            
          </fieldset>
        </form>
      </div>

      <hr>

      <footer>
        <p>&copy; EIS 2012</p>
      </footer>

    </div> <!-- /container -->
  </body>
</html>
